/*
 * Desenvolvido por: Eduardo Bertolucci (http://www.eduardobertolucci.com)
 */
 
/* Tipografia, cores e fundos / Reset ===================================================== */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 10pt Georgia;
  color: rgb(106, 106, 106);
}

html {
	background: url(../img/fundo_asfalto.png) repeat center top;
}

body {	
}

h2 {
  margin: 0 0 10px;
  padding: 0;
}

p {
  margin: 0 0 12px 0;
  font: 9pt Georgia;
  color: rgb(106, 106, 106);
}

ul li {
  margin: 0 0 10px 0;
}

abbr, acronym {
  text-decoration: none;
  font-style: normal;
  border: 0;
}

a img {
  border: 0;
}

a {
  color: rgb(56, 153, 230);
  text-decoration: none;
} 
a:active {
  color: rgb(237, 130, 56);
} 
a:visited {
  color: rgb(103 82 210);
} 

/* Elementos de Formulário */
label {
  display: block;
  padding: 0 0 2px 0;
  font: 10pt Georgia;
}

.input { width: 254px; height: 22px; background: url(../img/bg_input.jpg) no-repeat; }
.input input { width: 252px; height: 20px; padding: 1px; background: none; border: none; }

.textarea { width: 254px; height: 85px; background: url(../img/bg_textarea.jpg) no-repeat; }
.textarea textarea { width: 250px; height: 81px; padding: 2px; background: none; border: none; }

button {
  display: block;
  float: right;
  width: 82px;
  height: 34px;  
  margin: 0;
  padding: 0;
  border: none;
  background: url(../img/botao_enviar.png) no-repeat;
  cursor: pointer;
}
button span {
	display: none;
}
/* ======================================================================================= */

/* Estrutura ============================================================================= */
#tudo {
  width: 900px;
  margin: 0 auto;
}

/* Cabeçalho */
#cabecalho {
  position: relative;
  width: 900px;
  height: 410px;
  background: url(../img/foto_menu_principal.png) no-repeat left top;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 130px;
  z-index: 9999;
}
#logo a {
  display: block;
  width: 260px;
  height: 130px;
}
#logo a span {
  display: none;
}

/* Menu */
#menu {
  position: absolute;
  top: 367px;
  left: 0;
  width: 900px;
  height: 43px;
  padding: 0;
  z-index: 9999;
}

#menu ul {
  width: 900px;
  height: 41px;
}

#menu ul li {
  float: left;
  margin: 0;
}

#menu ul li a {
  display: block;
  float: left;
  width: 127px;
  height: 41px;
}
#menu ul li a span {
  display: none;
}

#menu ul li a.link-inicio 		{ background: url(../img/menu_inicio_normal.png) left top no-repeat; }
#menu ul li a.link-servicos 	{ background: url(../img/menu_servicos_normal.png) left top no-repeat; }
#menu ul li a.link-frota 		{ background: url(../img/menu_frota_normal.png) left top no-repeat; }
#menu ul li a.link-clientes		{ background: url(../img/menu_clientes_normal.png) left top no-repeat; }
#menu ul li a.link-a-empresa 	{ background: url(../img/menu_aempresa_normal.png) left top no-repeat; }
#menu ul li a.link-fale-conosco { background: url(../img/menu_faleconosco_normal.png) left top no-repeat; }

#menu ul li a:hover {
	background-position: left bottom;
}

#corpo {
  width: 870px;
  height: auto;
  padding: 25px 15px;
  background: url(../img/bg_corpo.jpg) repeat-x;
}

.titulo {
	padding-top: 15px;
	font: 10pt Georgia;
	color: rgb(59, 114, 150);
}
.titulo p {
	margin: 0 0 12px 0;
	color: rgb(59, 114, 150);
}

/* Rodapé */
#rodape {
  clear: both;
  width: 900px;  
  height: 23px;
  padding-top: 18px;
  text-align: center;
  background: url(../img/bg_rodape.jpg) no-repeat;
}
#rodape address {
  font: 7.5pt Trebuchet MS;
}
/* ======================================================================================= */

/* Página: Frota ========================================================================= */
.lista-frota {
	margin: 0 0 30px;
}
.lista-frota  li {
	width: 275px;
	float: left;
	margin: 0 3px 30px;
}
.lista-frota li .imagem {
	float: left;
	width: 252px;
	height: 160px;
}
.lista-frota li .descricao { float: left; }
.lista-frota li .descricao h3 { margin-bottom: 15px; color: #383C3F; }
.lista-frota li .descricao strong { color: #383C3F; }
.lista-frota li .descricao a { }
/* ======================================================================================= */

/* Página: Clientes ====================================================================== */
.lista-clientes {
	margin: 0 0 30px;
}
.lista-clientes  li {
	float: left;
	margin: 0 30px 60px 0;
}
/* ======================================================================================= */

/* Página: Fale Conosco ================================================================== */
.mapa { float: left; width: 326px; margin-right: 15px; padding:0 0 15px; }
.endereco { float: left; width: 259px; padding:0 0 15px; }
.formulario { float: right; width: 254px; padding:0 0 15px; }
.lista-contato { width: 254px; }
.lista-contato  li { padding: 0 0 5px 0; }
/* ======================================================================================= */

/* Complementos ========================================================================== */
.error {
  font-weight: bold;
  color: #FF3300;
  font: 7.5pt Georgia;
}
.msg-sucesso  {
  font-weight: bold;
  color: #090;
  font: 9.5pt Georgia;
}
/* ======================================================================================= */